<!DOCTYPE html>
<!-- saved from url=(0066)http://www.17sucai.com/preview/208743/2018-06-13/sign-in/demo.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
		<meta name="format-detection" content="telephone=no">
		<title>签到</title>
		<link rel="stylesheet" href="./public.css">
		<link rel="stylesheet" href="./signin.css">
	</head>

	<body style="">
		<div class="top flex flex-align-end flex-pack-center flex-warp">
			<div class="out-1 flex flex-align-center flex-pack-center" id="signIn">
				<div class="out-2 flex flex-align-center flex-pack-center">
					<div class="signBtn">
						<strong id="sign-txt">签到</strong>
						<span>连续<em id="sign-count">0</em>天</span>
					</div>
				</div>
			</div>
		</div>
		<!-- <div class="tips">今天已签到，获得1个红包</div> -->
		<div class="Calendar">
			<div id="toyear" class="flex flex-pack-center">
				<div id="idCalendarPre">&lt;</div>
				<div class="year-month">
					<span id="idCalendarYear">2019</span>年<span id="idCalendarMonth">2</span>月
				</div>
				<div id="idCalendarNext">&gt;</div>
			</div>
			<table border="1px" cellpadding="0" cellspacing="0">
				<thead>
					<tr class="tou">
						<td>日</td>
						<td>一</td>
						<td>二</td>
						<td>三</td>
						<td>四</td>
						<td>五</td>
						<td>六</td>
					</tr>
				</thead>
				<tbody id="idCalendar"><tr><td><span>&nbsp;</span></td><td><span>&nbsp;</span></td><td><span>&nbsp;</span></td><td><span>&nbsp;</span></td><td><span>&nbsp;</span></td><td><span>1</span></td><td><span>2</span></td></tr><tr><td><span>3</span></td><td><span>4</span></td><td><span>5</span></td><td><span>6</span></td><td><span>7</span></td><td><span>8</span></td><td><span>9</span></td></tr><tr><td><span>10</span></td><td><span>11</span></td><td><span>12</span></td><td><span>13</span></td><td><span>14</span></td><td><span>15</span></td><td><span>16</span></td></tr><tr><td><span>17</span></td><td><span>18</span></td><td><span>19</span></td><td><span>20</span></td><td><span>21</span></td><td><span>22</span></td><td><span>23</span></td></tr><tr><td><span>24</span></td><td><span>25</span></td><td><span>26</span></td><td><span>27</span></td><td><span>28</span></td><td>&nbsp;</td><td>&nbsp;</td></tr></tbody>
			</table>
		</div>
		<script type="text/javascript" src="./rili.js.下载"></script>
		<script language="JavaScript">
			var todayYear=(new Date()).getFullYear();
			var todayMonth=(new Date()).getMonth();
			var todayDay=(new Date()).getDate();
			var todayTime=(new Date(todayYear,todayMonth,todayDay,'23','59','59')).getTime();//毫秒
			var isSign = false;
			var myday = new Array(); //已签到的数组
			myday[0]='1549155985';
			myday[1] = "1549242385"
			myday[2] = "1549328785"
			myday[3] ='1549465585'
			myday[4] ='1549501585'

			//计算连续签到的天数
			function allCale(arr){
				var count=1;
				for(var i=arr.length-2;i>=0;i--){
					var next=parseInt(arr[i])+86400;
					var final=getFiByTime(next);
					if(arr[i+1]<final){
						count++;
					}else{
						break;
					}
				}
				return count;
			};

			//辅助计算连续签到的天数
			function getFiByTime(time){
				time=parseInt(time)*1000;
				var todayYear=(new Date(time)).getFullYear();
				var todayMonth=(new Date(time)).getMonth();
				var todayDay=(new Date(time)).getDate();
				var todayTime=(new Date(todayYear,todayMonth,todayDay,'23','59','59')).getTime();//毫秒
				return parseInt(todayTime)/1000;
			};

			var cale = new Calendar("idCalendar", {
				qdDay: myday,
				onToday: function(o) {
					o.className = "onToday";
				},
				onSignIn: function (){
					$$("sign-txt").innerHTML = '已签到';
				},
				onFinish: function() {
					$$("sign-count").innerHTML = allCale(myday) //已签到次数
					$$("idCalendarYear").innerHTML = this.Year;
					$$("idCalendarMonth").innerHTML = this.Month; //表头年份

				}
			});
			$$("idCalendarPre").onclick = function() {
				cale.PreMonth();
			}
			$$("idCalendarNext").onclick = function() {
				cale.NextMonth();
			}
			//添加今天签到
			$$("signIn").onclick = function() {
				if(isSign == false) {
					var res = cale.SignIn();
					if(res == '1') {
						$$("sign-txt").innerHTML = '已签到';
						$$("sign-count").innerHTML = parseInt($$("sign-count").innerHTML) + 1;
						isSign = true;
					} else if (res == '2'){
						$$("sign-txt").innerHTML = '已签到';
						alert('今天已经签到了')
					}
				} else {
					alert('今天已经签到了')
				}

			}
		</script>

	

</body></html>